IHM

Formation - WinCC - 03/2021

Création du bandeau haut de l’écran

A) Ajouter un Modèle

B) Objet graphique rectangle

C) Création des images du bandeau de navigation

A) le Modèle

Dans le dossier « Gestion des vues »  : "Ajouter un modèle"

 

Créez une vue modèle et renommez la « MENU_HAUT ».

 

B) Objet graphique rectangle

Dans le volet de droite "Options",
cliquer sur l'onglet vertical "Accessoires" sur le bord droit.
Dans "Objets de base", cliquer sur l'objet rectangle.

Dimensionnez le rectangle sur la largeur de la grille d'édition comme sur la capture.

Dans le 1er onglet "Attributs" à gauche en bas,
"Représentation" > "Couleur d'arrière-plan" : bleu.

C) Création des Images du bandeau de navigation

Insérer un objet ou une image :
« HOME », « LOGIN » et « INFO ».

Dans le navigateur

 

"Langues & Ressources" puis  "Graphiques",

sélectionnez le graphique voulu "Home".

Collez le graphique dans la vue modèle « MENU_HAUT ».

Le bouton HOME étant sélectionné,
paramétrez les propriétés du graphique.
Dans l'onglet "Attributs",
"Représentation" >
"Motif de remplissage de l’arrière-plan":
Choisir le motif "Transparent".

Positionnez l’objet graphique « HOME » sur le rectangle bleu.

Reproduisez le même mode opératoire avec les objets graphiques « LOGIN » et « INFO ».
Allez chercher les Objets graphiques et paramétrez-les.

Insérez un Logo : pour insérer une image ou un objet graphique,
copier une image de votre PC et la coller sur la vue.